<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>英雄联盟全新官方网站-腾讯游戏</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="shortcut icon" href="lol.ico">
    <script src="js/myMove.js"></script>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
    <!-- 头部注册 -->
    <header class="head">
        <div class="mask"></div>
        <div class="mask-all" id = "mask_all">
            <div class="menu-wrapper">
                <ul class="menu">
                    <li><a href="javascript:;">新手指引</a></li>
                    <li><a href="javascript:;"><span class = "hot"></span>资料库</a></li>
                    <li><a href="javascript:;">攻略中心</a></li>
                    <li><a href="javascript:;"><span class = "new"></span>开发者基地</a></li>
                    <li><a href="javascript:;">海克斯战利品库</a></li>
                    <li><a href="javascript:;"><span class = "new"></span>武器大师竞技场</a></li>
                    <li><a href="javascript:;">宇宙官网</a></li>
                </ul>
                <ul class="menu">
                    <li><a href="javascript:;">点券充值</a></li>
                    <li><a href="javascript:;">道具城</a></li>
                    <li><a href="javascript:;"><span class = "hot"></span>周边商城</a></li>
                    <li><a href="javascript:;">LOL桌游</a></li>
                    <li><a href="javascript:;">LOL信用卡</a></li>
                    <li><a href="javascript:;">网吧特权</a></li>
                    <li><a href="javascript:;"><span class = "new"></span>电竞小说</a></li>
                </ul>
                <ul class="menu">
                    <li><a href="javascript:;">官方社区</a></li>
                    <li><a href="javascript:;">视频中心</a></li>
                    <li><a href="javascript:;">官方论坛</a></li>
                    <li><a href="javascript:;">官方微信</a></li>
                    <li><a href="javascript:;">官方微博</a></li>
                    <li><a href="javascript:;"><span class = "new"></span>玩家创作馆</a></li>
                    <li><a href="javascript:;"><span class = "new"></span>作者入驻计划</a></li>
                    <li><a href="javascript:;"><span class = "new"></span>玩家服务</a></li>
                </ul>           
                <ul class="menu">
                    <li><a href="javascript:;">LPL职业联赛</a></li>
                    <li><a href="javascript:;"><span class = "new"></span>LDL发展联赛</a></li>
                    <li><a href="javascript:;">季中冠军赛</a></li>
                    <li><a href="javascript:;">洲际冠军赛</a></li>
                    <li><a href="javascript:;">全球总决赛</a></li>
                    <li><a href="javascript:;">全明星赛</a></li>
                    <li><a href="javascript:;">高校联赛</a></li>
                    <li><a href="javascript:;">城市争霸赛</a></li>
                </ul>
                <ul class="menu">
                    <li><a href="javascript:;">在线客服</a></li>
                    <li><a href="javascript:;"><span class = "new"></span>转区系统</a></li>
                    <li><a href="javascript:;"><span class = "hot"></span>封号查询</a></li>
                    <li><a href="javascript:;">体验服申请</a></li>
                    <li><a href="javascript:;">回放系统</a></li>
                    <li><a href="javascript:;">服务器状态查询</a></li>
                    <li><a href="javascript:;"><span class = "new"></span>秩序殿堂</a></li>
                    <li><a href="javascript:;"><span class = "new"></span>峡谷之巅</a></li>
                </ul>     
            </div>
        </div>
        <div class="head-wrapper">
            <div class="head-nav">
                <div class="left">
                    <ul id = "menu_left"> 
                        <li><a href="javascript:;"><img src="img/logo.png" alt="" title="英雄联盟官网"></a></li>
                        <li><a href="javascript:;"><p class = "c">游戏资料</p><p class = "e">GAME INFO</p></a></li>
                        <li><p class = "c">商城/合作</p><p class = "e">STORE</p></li>
                        <li><p class = "c">社区互动</p><p class = "e">COMMUNITY</p></li>
                        <li><a href="javascript:;"><p class = "c">赛事官网</p><p class = "e">ESPORTS</p></a></li>
                        <li><p class = "c">自助系统</p><p class = "e">SYSTEM</p></li>
                    </ul>
                </div>
                <div class="right">
                    <div class = 'search'><a href="javascript:;"></a></div>
                    <div class = "phone">
                        <a href="javascript:;"></a>
                        <div class="QRC" id = "QRC">
                            <span class="qrc-wrapper">
                                <img src="img/qrc.jpg" alt="">
                            </span>
                            <p>扫码下载掌上英雄联盟</p>
                            <span class = "polo"><img src="img/polo.gif" alt=""></span>
                        </div>
                    </div>
                    <div class = "login">
                        <a href="javascript:;"><img src="https://ossweb-img.qq.com/images/lol/v2/personal/avatar/default.png" alt=""></a>
                        <span>亲爱的召唤师，欢迎<a href="javascript:;">登录</a></span>
                    </div>
                    <div class="login-mask" id = "login_mask">
                        <p>登录并且绑定大区后才可以查看您的具体信息哦<br>(包括战绩、资产、声望）</p>
                        <p>官网个人信息显示略有延迟，请以游戏数据为准</p>
                        <div class="go">进入个人中心<span class = "arrow"></span></div>
                    </div>
                </div>
            </div>
            <div class="detail"><a href="javascript:;">查看详情</a></div>
            <div class="version">
                <div><a href="javascript:;">当前游戏版本：<em>Ver 9.6</em><span>版本详情</span></a></div>
            </div>
        </div>
    </header>
    <!-- 实时信息 -->
    <section class="wrap">
        <!-- 轮播信息 -->
        <section class="promo">
            <div class="pic-wrapper">
                <ul class = "promo-pic">
                    <li><a href="javascript:;"><img src="img/pro1.jpg" alt=""></a></li>
                    <li><a href="javascript:;"><img src="img/pro2.jpg" alt=""></a></li>
                    <li><a href="javascript:;"><img src="img/pro3.jpg" alt=""></a></li>
                    <li><a href="javascript:;"><img src="img/pro4.jpg" alt=""></a></li>
                    <li><a href="javascript:;"><img src="img/pro5.jpg" alt=""></a></li>
                    <li><a href="javascript:;"><img src="img/pro1.jpg" alt=""></a></li>
                </ul>
            </div>
            <ul class = "promo-li">
                <li class = "current">猫狗总动员</li>
                <li>阿卡丽神秘商店</li>
                <li>猫狗大战全新皮肤</li>
                <li>兑换绒毛菲兹至臻</li>
                <li>教你一招</li>
            </ul>
        </section> 
        <!-- 信息发布 -->
        <section class="info">
            <div class="info-head">
                <ul>
                    <li>综合</li>
                    <li>公告</li>
                    <li>赛事</li>
                    <li>攻略</li>
                    <li>社区</li>
                </ul>
            </div>
            <div class="info-content">
                <ul style = "display: block">
                    <li class="title"><a href="">2019猫狗大战全新皮肤、活动上线公告</a></li>
                    <li class="content"><span class = "ss">赛事</span><a href="">LPL四队竞逐半决赛 谁将晋级春决线下?</a><span>04-08</span></li>
                    <li class="content"><span class = "sp">视频</span><a href="">英雄麦克疯：胜负就在刹那间</a><span>04-06</span></li>
                    <li class="content"><span class = "sp">视频</span><a href="">教你一招：9分钟学会新厄加特上野玩法</a><span>04-04</span></li>
                    <li class="content"><span class = "ss">赛事</span><a href="">4月4日季后赛首轮开战 八队赛前海报公布</a><span>04-03</span></li>
                    <li class="content"><span class = "xw">新闻</span><a href="">恶魔之焰 崔丝塔娜：原画&视觉特效</a><span>04-03</span></li>
                    <li class="content"><span class = "sp">视频</span><a href="">iG S8冠军皮肤大曝光!卡蜜尔剑姬妖姬刀妹卡莎洛</a><span>04-03</span></li>
                </ul>
                <ul>
                    <li class="title"><a href="">2019猫狗大战全新皮肤、活动上线公告</a></li>
                    <li class="content"><span class = "gg">公告</span><a href="">裁决之地临时维护公告</a><span>04-05</span></li>
                    <li class="content"><span class = "gg">公告</span><a href="">4月5日免费英雄更换公告</a><span>04-03</span></li>
                    <li class="content"><span class = "gg">公告</span><a href="">全大区队列系统维护升级公告</a><span>04-02</span></li>
                    <li class="content"><span class = "gg">公告</span><a href="">4月1日比赛服下载地址更新公告</a><span>04-02</span></li>
                    <li class="content"><span class = "gg">公告</span><a href="">游戏环境公示及处罚名单3月31日</a><span>04-01</span></li>
                    <li class="content"><span class = "gg">公告</span><a href="">史上最正式的对决！猫狗大战任务公告</a><span>03-28</span></li>
                </ul>
                <ul>
                    <li class="title"><a href="">369吸血鬼无人能挡 TOP横扫SDG晋级四强</a></li>
                    <li class="content"><span class = "yl">娱乐</span><a href="">LPL新格局完成 春决将诞生新王！</a><span>04-08</span></li>
                    <li class="content"><span class = "ss">赛事</span><a href="">京东成功将RNG淘汰出局 RNG无缘洲际赛</a><span>04-06</span></li>
                    <li class="content"><span class = "ss">赛事</span><a href="">Zoom绕后策略绝杀 JDG力克RNG成功晋级</a><span>04-06</span></li>
                    <li class="content"><span class = "ss">赛事</span><a href="">4月7日SDG挑战TOP 谁将晋级半决赛？</a><span>04-06</span></li>
                    <li class="content"><span class = "ss">赛事</span><a href="">JDG书写黑八奇迹 RNG惨遭淘汰出局</a><span>04-06</span></li>
                    <li class="content"><span class = "ss">赛事</span><a href="">EDG彻底告别洲际赛 S赛之路何去何从？</a><span>04-06</span></li>
                </ul>
                <ul>
                    <li class="title"><a href="">偷钱爆破乌鸦专治小短手 远程法坦解析</a></li>
                    <li class="content"><span class = "jx">教学</span><a href="">小丑登顶韩服辅助 冰川减速流全面解析</a><span>04-07</span></li>
                    <li class="content"><span class = "jx">教学</span><a href="">饮血剑德莱文领衔 9.7五大崛起英雄</a><span>04-07</span></li>
                    <li class="content"><span class = "jx">教学</span><a href="">9.7版本刺客制霸中路 劫泰隆对线支援两不误</a><span>04-07</span></li>
                    <li class="content"><span class = "jx">教学</span><a href="">9.7上单英雄全面评级 兰博加强成中流砥柱</a><span>04-06</span></li>
                    <li class="content"><span class = "jx">教学</span><a href="">9.7七大加强英雄全解析 盖伦领衔上单坦克崛起</a><span>04-06</span></li>
                    <li class="content"><span class = "jx">教学</span><a href="">9.7版本T1打野盘点！豹女盲僧领衔致胜</a><span>04-05</span></li>
                </ul>
                <ul>
                    <li class="title"><a href="">无限乱斗即将结束 说说你心中的OP英雄</a></li>
                    <li class="content"><span class = "lt">论坛</span><a href="">至臻也没什么难的 亚索都有了</a><span>04-08</span></li>
                    <li class="content"><span class = "lt">论坛</span><a href="">LOL可以满足你所有想象</a><span>04-02</span></li>
                    <li class="content"><span class = "lt">论坛</span><a href="">对于支持的战队 你会亲临现场吗</a><span>04-02</span></li>
                    <li class="content"><span class = "lt">论坛</span><a href="">这样投缘的队友 能不能来4个？</a><span>04-02</span></li>
                    <li class="content"><span class = "lt">论坛</span><a href="">天使·凯尔 重做攻略 教你快速上手！</a><span>03-28</span></li>
                    <li class="content"><span class = "lt">论坛</span><a href="">厄加特在野区风生水起 说说你的玩法</a><span>03-28</span></li>
                </ul>
            </div> 
            <div class="info-footer">
                <span>阅读更多</span><span>最新资讯</span>
                <span class = "arrow"></span>
            </div>
        </section> 
        <!-- 热门活动 -->
        <section class="activity" id = "activity">
            <div class="top">
                <h2>热门活动</h2>
                <div class="top-right" id = "activity_top">
                    <ul>
                        <li class = "selected">正在进行</li>
                        <li>商城特惠</li>
                        <li>长期活动</li>
                    </ul>
                    <div><a>更多<span class="arrow"></span></a></div>
                </div>
            </div>
            <div class="down" id = "activity_down">
                <ul  class = "selected">
                    <li>
                        <div class="mask">
                            <div class="inner-mask">
                                <h4>猫狗总动员</h4>
                                <p>1500喵喵币兑换绒毛 菲兹 至臻</p>
                                <P>开启时间: 2019-03-28</P>
                                <div class="mask-box"></div>
                            </div>
                        </div>
                        <div class = "pic"><img src="img/act11.jpg" alt=""></div>
                        <p>猫狗总动员</p>
                        <p>限时活动</p>
                    </li>
                    <li>
                        <div class="mask">
                            <div class="inner-mask">
                                <h4>猫狗魔法引擎</h4>
                                <p>100至臻点兑换绒毛菲兹至臻</p>
                                <P>2019-03-28 - 2019-04-17</P>
                                <div class="mask-box"></div>
                            </div>
                        </div>
                        <div class = "pic"><img src="img/act12.jpg" alt=""></div>
                        <p>猫狗魔法引擎</p>
                        <p>9天后结束</p>
                    </li>
                    <li>
                        <div class="mask">
                            <div class="inner-mask">
                                <h4>猫狗大战活动</h4>
                                <p>收集鱼骨头随机兑换2019猫狗大战在售炫彩皮肤</p>
                                <P>2019-03-28 - 2019-04-10</P>
                                <div class="mask-box"></div>
                            </div>
                        </div>
                        <div class = "pic"><img src="img/act13.jpg" alt=""></div>
                        <p>猫狗大战活动</p>
                        <p>2天后结束</p>
                    </li>
                    <li>
                        <div class="mask">
                            <div class="inner-mask">
                                <h4>LPL六周年同人创作大赛</h4>
                                <p>描绘出你心目中的LPL梦幻阵容或LPL六周年主题内容，赢取QB和Uzi和JKL参与设计的限量连帽衫</p>
                                <P>2019-03-14 - 2019-04-14</P>
                                <div class="mask-box"></div>
                            </div>
                        </div>
                        <div class = "pic"><img src="img/act14.jpg" alt=""></div>
                        <p>LPL六周年同人创作大赛</p>
                        <p>6天后结束</p>
                    </li>
                </ul>
                <ul>
                    <li>
                        <div class="mask">
                            <div class="inner-mask">
                                <h4>每周5折</h4>
                                <p>每周精选英雄/皮肤 5折销售！</p>
                                <P>2019-04-04 - 2019-04-08</P>
                                <div class="mask-box"></div>
                            </div>
                        </div>
                        <div class = "pic"><img src="img/act21.jpg" alt=""></div>
                        <p>每周5折</p>
                        <p>今天结束</p>
                    </li>
                    <li>
                        <div class="mask">
                            <div class="inner-mask">
                                <h4>阿卡丽神秘商店</h4>
                                <p>试试手气抽取心动折扣</p>
                                <P>开启时间: 2019-03-27</P>
                                <div class="mask-box"></div>
                            </div>
                        </div>
                        <div class = "pic"><img src="img/act22.jpg" alt=""></div>
                        <p>阿卡丽神秘商店</p>
                        <p>限时活动</p>
                    </li>
                    <li>
                        <div class="mask">
                            <div class="inner-mask">
                                <h4>每周5折</h4>
                                <p>每周精选英雄/皮肤 5折销售！</p>
                                <P>2019-03-29 - 2019-04-01</P>
                                <div class="mask-box"></div>
                            </div>
                        </div>
                        <div class = "pic"><img src="img/act23.jpg" alt=""></div>
                        <p>每周5折</p>
                        <p>已结束</p>
                    </li>
                    <li>
                        <div class="mask">
                            <div class="inner-mask">
                                <h4>每周5折</h4>
                                <p>每周精选英雄/皮肤 5折销售！</p>
                                <P>2019-03-08 - 2019-03-11</P>
                                <div class="mask-box"></div>
                            </div>
                        </div>
                        <div class = "pic"><img src="img/act24.jpg" alt=""></div>
                        <p>每周5折</p>
                        <p>已结束</p>
                    </li>
                </ul>
                <ul>
                    <li>
                        <div class="mask">
                            <div class="inner-mask">
                                <h4>福来Day</h4>
                                <p>每周拼锦鲤赢点券</p>
                                <P>开启时间: 2019-03-31</P>
                                <div class="mask-box"></div>
                            </div>
                        </div>
                        <div class = "pic"><img src="img/act31.jpg" alt=""></div>
                        <p>福来Day</p>
                        <p>长期活动</p>
                    </li>
                    <li>
                        <div class="mask">
                            <div class="inner-mask">
                                <h4>《校园解说大赛》等你发声！</h4>
                                <p>寻找校园最强赛事解说，助攻你的职业解说梦！</p>
                                <P>开启时间: 2018-04-16</P>
                                <div class="mask-box"></div>
                            </div>
                        </div>
                        <div class = "pic"><img src="img/act32.jpg" alt=""></div>
                        <p>《校园解说大赛》等你发声！</p>
                        <p>长期活动</p>
                    </li>
                    <li>
                        <div class="mask">
                            <div class="inner-mask">
                                <h4>高校自发赛</h4>
                                <p>举办属于你的校园赛事吧！赛事授权、比赛奖金、比赛服多重支持！</p>
                                <P>开启时间: 2018-10-12</P>
                                <div class="mask-box"></div>
                            </div>
                        </div>
                        <div class = "pic"><img src="img/act33.jpg" alt=""></div>
                        <p>高校自发赛</p>
                        <p>长期活动</p>
                    </li>
                    <li>
                        <div class="mask">
                            <div class="inner-mask">
                                <h4>作者入驻计划</h4>
                                <p>入驻成为作者，获得内容创作激励与支持。</p>
                                <P>开启时间: 2018-09-15</P>
                                <div class="mask-box"></div>
                            </div>
                        </div>
                        <div class = "pic"><img src="img/act34.jpg" alt=""></div>
                        <p>作者入驻计划</p>
                        <p>长期活动</p>
                    </li>
                </ul>

            </div>
        </section>
        <!-- 下载界面 -->
        <section class="download">
            <ul>
                <li class="download-game"><a href="">
                    <video src="img/btn-download.mp4" autoplay loop muted></video>
                </a></li>
                <li class="p1">
                    <a href="">新手必备</a>
                    <div class="guide">
                        <div><a href=""><span></span>指引</a></div>
                        <div><a href=""><span></span>礼包</a></div>
                    </div>
                </li>
                <li class="p1"><a href="">领取中心</a></li>
                <li class="p2"><a href=""><span></span>在线客服</a></li>
                <li class="p2"><a href=""><span></span>秩序殿堂</a></li>
                <li class="p2"><a href=""><span></span>游戏资料</a></li>
                <li class="p2"><a href=""><span></span>峡谷之巅</a></li>
                <li class="p3"><a href=""><span></span>微信绑定<div></div></a></li>
                <li class="p2"><a href=""><span></span>LOL宇宙</a></li>
                <li class="p2"><a href=""><span></span>玩家社区</a></li>
            </ul>
        </section>
        <!-- 版本更新 -->
        <section class="update-info">
            <div class="hero">
                <div class="hero-update">
                    <img src="img/hero.jpeg" alt="">
                    <span>英雄更新</span>
                    <p>“直面白与黑的宿命”</p>
                    <p>凯尔和莫甘娜重做</p>
                </div>
                <div class="hero-mask">
                    <div class="mask"></div>
                    <p>凯尔和莫甘娜重做</p>
                    <ul>
                        <li class = "p1">
                            难度：
                            <span></span>
                            <span></span>
                            <span></span>
                        </li>
                        <li class = "p2">
                            物理攻击：
                            <span><span></span></span>
                        </li>
                        <li class = "p2">
                            防御能力：
                            <span><span></span></span>                            
                        </li>
                        <li class = "p2">
                            魔法攻击：
                            <span><span></span></span>
                        </li>
                    </ul>
                    <a href="">查看详情<span class = "arrow"></span></a>
                </div>
            </div>
            <div class="skin">
                    <div class="skin-update">
                            <img src="img/skin.jpeg" alt="">
                            <span>新皮肤</span>
                            <p>“是时候带TA回家了！”</p>
                            <p>猫狗大战</p>
                    </div>
            </div>
            <div class="version">
                <div class="version97">
                    <img src="img/version1.jpeg" alt="">
                </div>
                <div class="xiaopao">
                    <img src="img/version4.jpeg" alt="">
                    <div>
                        <div class="version-mask"></div>
                        <h6>小恶魔 崔丝塔娜：原画&视觉特效</h6>
                        <p>恶魔之焰，灵魂，探索以及提莫</p>
                    </div>
                </div>
                <div class="sell">
                    <a href=""></a>
                </div>
                <div class="weekfree">
                    <span class="left"></span>
                    周免<span class="arrow"></span>
                    <span class="right"></span>
                    <div class="weekfree-list">
                        <span></span>
                        <ul>
                            <li><a href=""><img src="img/hero/1.png" alt=""></a></li>
                            <li><a href=""><img src="img/hero/2.png" alt=""></a></li>
                            <li><a href=""><img src="img/hero/3.png" alt=""></a></li>
                            <li><a href=""><img src="img/hero/4.png" alt=""></a></li>
                            <li><a href=""><img src="img/hero/5.png" alt=""></a></li>
                            <li><a href=""><img src="img/hero/6.png" alt=""></a></li>
                            <li><a href=""><img src="img/hero/7.png" alt=""></a></li>
                            <li><a href=""><img src="img/hero/8.png" alt=""></a></li>
                            <li><a href=""><img src="img/hero/9.png" alt=""></a></li>
                            <li><a href=""><img src="img/hero/10.png" alt=""></a></li>
                            <li><a href=""><img src="img/hero/11.png" alt=""></a></li>
                            <li><a href=""><img src="img/hero/12.png" alt=""></a></li>
                            <li><a href=""><img src="img/hero/13.png" alt=""></a></li>
                            <li><a href=""><img src="img/hero/14.png" alt=""></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="more-skin">
                <ul>
                    <li><img src="img/hero/more1.jpeg" alt=""><p>猫狗大战</p></li>
                    <li><img src="img/hero/more2.jpeg" alt=""><p>苍穹之光 布兰德</p></li>
                    <li><img src="img/hero/more3.jpeg" alt=""><p>千纸传说</p></li>
                    <li><img src="img/hero/more4.jpeg" alt=""><p>2019情人节</p></li>
                    <li><img src="img/hero/more5.jpeg" alt=""><p>2019新春限定</p></li>
                    <li><img src="img/hero/more6.jpeg" alt=""><p>腥红之月2019</p></li>
                    <li><img src="img/hero/more7.jpeg" alt=""><p>2018冰雪节皮肤</p></li>
                </ul>
            </div>
        </section>            
    </section>
    <!-- 视频区 -->
    <div class = "video-wrap">
        <div class="wrap">
            <!-- 最新视频 -->
            <section class="video" id = "video">
                    <div class="top">
                            <h2>最新视频</h2>
                            <div class="top-right" id = "activity_top">
                                <ul>
                                    <li class = "selected">推荐</li>
                                    <li>官方</li>
                                    <li>娱乐</li>
                                    <li>赛事</li>
                                    <li>教学</li>
                                </ul>
                                <div><a>更多<span class="arrow"></span></a></div>
                            </div>
                        </div>
                    <div class="down">
                        <ul>
                            <li>
                                <div class="video-pic">
                                    <img src="img/video1.jpeg" alt="">
                                    <span class= "length">03:04</span>
                                </div>
                                <p>2019LPL春季赛季后赛毒奶（上）</p>
                                <div>
                                    <span class="click">1.5万次播放</span>
                                    <span class="time">2019-04-03</span>
                                </div>
                            </li>
                            <li>
                                <div class="video-pic">
                                    <img src="img/video2.jpeg" alt="">
                                    <span class= "length">01:58</span>
                                </div>
                                <p>痛苦之拥-K/DA至臻皮肤效果展示</p>
                                <div>
                                    <span class="click">9.9万次播放</span>
                                    <span class="time">2019-04-03</span>
                                </div>
                            </li>
                            <li>
                                <div class="video-pic">
                                    <img src="img/video3.jpeg" alt="">
                                    <span class= "length">10:23</span>
                                </div>
                                <p>LOL极限对战集锦：高能VN极限走位取五杀</p>
                                <div>
                                    <span class="click">32万次播放</span>
                                    <span class="time">2019-04-03</span>
                                </div>
                            </li>
                            <li>
                                <div class="video-pic">
                                    <img src="img/video4.jpeg" alt="">
                                    <span class= "length">08:24</span>
                                </div>
                                <p>联盟套路王 06 快速满征服者强势对拼 神超不当人打野</p>
                                <div>
                                    <span class="click">1.7万次播放</span>
                                    <span class="time">2019-04-08</span>
                                </div>
                            </li>
                            <li>
                                <div class="video-pic">
                                    <img src="img/video6.jpeg" alt="">
                                    <span class= "length">13:21</span>
                                </div>
                                <p>LOL版本抢先看：9.7版本坦系增强 灌篮高手热血来袭！</p>
                                <div>
                                    <span class="click">938次播放</span>
                                    <span class="time">2019-04-11</span>
                                </div>
                            </li>
                            <li>
                                <div class="video-pic">
                                    <img src="img/video5.jpeg" alt="">
                                    <span class= "length">06:41</span>
                                </div>
                                <p>峡谷TOP5：武器大师天神下凡 一锤五豪取5杀</p>
                                <div>
                                    <span class="click">2176次播放</span>
                                    <span class="time">2019-04-06</span>
                                </div>
                            </li>
                            <li>
                                <div class="video-pic">
                                    <img src="img/video7.jpeg" alt="">
                                    <span class= "length">02:29</span>
                                </div>
                                <p>版本热门上单人马两大重要对线细节解析</p>
                                <div>
                                    <span class="click">1942次播放</span>
                                    <span class="time">2019-04-01</span>
                                </div>
                            </li>
                            <li>
                                <div class="video-pic">
                                    <img src="img/video8.jpeg" alt="">
                                    <span class= "length">02:46</span>
                                </div>
                                <p>LOL联盟小技巧：9.7版本蒙多强势称霸，劫大招仅26</p>
                                <div>
                                    <span class="click">1263次播放</span>
                                    <span class="time">2019-04-07</span>
                                </div>
                            </li>
                        </ul>
                    </div>
            </section>
            <!-- 热门专辑 -->
            <section class="alblum" id = "alblum">
                    <div class="top">
                        <h2>热门专辑</h2>
                        <div class="top-right" id = "activity_top">
                            <ul>
                                <li class = "selected">周一</li>
                                <li>周二</li>
                                <li>周三</li>
                                <li>周四</li>
                                <li>周五</li>
                                <li>周六</li>
                                <li>周日</li>
                            </ul>
                        </div>
                    </div>
                    <div class="middle" id = "alblum_middle">
                        <div class="middle-wrap">
                            <ul class = "alblum-selected">
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb1.jpg" alt="">
                                        <div class="word">
                                            <p>主播日报</p>
                                            <p>2019-04-09更新</p>
                                        </div>
                                    </div>
                                    <p>主播每日搞笑镜头集锦。</p>
                                    <div class="alblum-author"><span><img src="img/head1.jpg" alt=""></span>兔玩LOL</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb3.png" alt="">
                                        <div class="word">
                                            <p>巅峰top5</p>
                                            <p>2019-04-07更新</p>
                                        </div>
                                    </div>
                                    <p>巅峰top5是一档精彩英雄联盟赛事集锦节目，为广大玩家带来每日LPL比赛精彩镜头</p>
                                    <div class="alblum-author"><span><img src="img/head3.webp" alt=""></span>飞熊TV英雄联盟</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb2.jpg" alt="">
                                        <div class="word">
                                            <p>赛场狂秀</p>
                                            <p>2019-04-01更新</p>
                                        </div>
                                    </div>
                                    <p>LCK赛场精彩操作TOP10</p>
                                    <div class="alblum-author"><span><img src="img/head2.webp" alt=""></span>暴龙电竞官方号</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb4.png" alt="">
                                        <div class="word">
                                            <p>撸神别搞事儿</p>
                                            <p>2019-03-18更新</p>
                                        </div>
                                    </div>
                                    <p>大神翻车，高玩跳水，路人表演，青铜绝活，一分钟让你笑个不停！撸神别搞事儿，浓缩的都是精华！</p>
                                    <div class="alblum-author"><span><img src="img/head4.webp" alt=""></span>电竞动物园</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb5.jpg" alt="">
                                        <div class="word">
                                            <p>虎牙一周秀</p>
                                            <p>2019-04-09更新</p>
                                        </div>
                                    </div>
                                    <p>每周二悄悄更新，更多匪夷所思、令人瞠目结舌的操作等你来发掘。</p>
                                    <div class="alblum-author"><span><img src="img/head5.png" alt=""></span>虎牙直播LOL</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb7.jpg" alt="">
                                        <div class="word">
                                            <p>教你一招</p>
                                            <p>2019-04-04更新</p>
                                        </div>
                                    </div>
                                    <p>每周教你一招，学不完用不尽的超级套路！</p>
                                    <div class="alblum-author"><span><img src="img/head7.jpg" alt=""></span>掌盟教你一招</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb8.jpg" alt="">
                                        <div class="word">
                                            <p>青铜组的搞笑时刻</p>
                                            <p>2019-04-05更新</p>
                                        </div>
                                    </div>
                                    <p>青铜组选手又出古怪骚操作？让你笑到停不下来！</p>
                                    <div class="alblum-author"><span><img src="img/head8.webp" alt=""></span>木木不哭官方号</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb10.jpg" alt="">
                                        <div class="word">
                                            <p>徐老师来巡山</p>
                                            <p>2019-04-7更新</p>
                                        </div>
                                    </div>
                                    <p>徐老师继《LOL三十六计》《进击的小学生》之后出品的全新英雄联盟搞笑系列巨作，保留了一贯的独特风格，每周精选最精彩的搞笑镜头。</p>
                                    <div class="alblum-author"><span><img src="img/head10.jpg" alt=""></span>LOL徐老师</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb1.jpg" alt="">
                                        <div class="word">
                                            <p>主播日报</p>
                                            <p>2019-04-09更新</p>
                                        </div>
                                    </div>
                                    <p>主播每日搞笑镜头集锦。</p>
                                    <div class="alblum-author"><span><img src="img/head1.jpg" alt=""></span>兔玩LOL</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb3.png" alt="">
                                        <div class="word">
                                            <p>巅峰top5</p>
                                            <p>2019-04-07更新</p>
                                        </div>
                                    </div>
                                    <p>巅峰top5是一档精彩英雄联盟赛事集锦节目，为广大玩家带来每日LPL比赛精彩镜头</p>
                                    <div class="alblum-author"><span><img src="img/head3.webp" alt=""></span>飞熊TV英雄联盟</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb2.jpg" alt="">
                                        <div class="word">
                                            <p>赛场狂秀</p>
                                            <p>2019-04-01更新</p>
                                        </div>
                                    </div>
                                    <p>LCK赛场精彩操作TOP10</p>
                                    <div class="alblum-author"><span><img src="img/head2.webp" alt=""></span>暴龙电竞官方号</div>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb1.jpg" alt="">
                                        <div class="word">
                                            <p>主播日报</p>
                                            <p>2019-04-09更新</p>
                                        </div>
                                    </div>
                                    <p>主播每日搞笑镜头集锦。</p>
                                    <div class="alblum-author"><span><img src="img/head1.jpg" alt=""></span>兔玩LOL</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb3.png" alt="">
                                        <div class="word">
                                            <p>巅峰top5</p>
                                            <p>2019-04-07更新</p>
                                        </div>
                                    </div>
                                    <p>巅峰top5是一档精彩英雄联盟赛事集锦节目，为广大玩家带来每日LPL比赛精彩镜头</p>
                                    <div class="alblum-author"><span><img src="img/head3.webp" alt=""></span>飞熊TV英雄联盟</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb2.jpg" alt="">
                                        <div class="word">
                                            <p>赛场狂秀</p>
                                            <p>2019-04-01更新</p>
                                        </div>
                                    </div>
                                    <p>LCK赛场精彩操作TOP10</p>
                                    <div class="alblum-author"><span><img src="img/head2.webp" alt=""></span>暴龙电竞官方号</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb4.png" alt="">
                                        <div class="word">
                                            <p>撸神别搞事儿</p>
                                            <p>2019-03-18更新</p>
                                        </div>
                                    </div>
                                    <p>大神翻车，高玩跳水，路人表演，青铜绝活，一分钟让你笑个不停！撸神别搞事儿，浓缩的都是精华！</p>
                                    <div class="alblum-author"><span><img src="img/head4.webp" alt=""></span>电竞动物园</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb5.jpg" alt="">
                                        <div class="word">
                                            <p>虎牙一周秀</p>
                                            <p>2019-04-09更新</p>
                                        </div>
                                    </div>
                                    <p>每周二悄悄更新，更多匪夷所思、令人瞠目结舌的操作等你来发掘。</p>
                                    <div class="alblum-author"><span><img src="img/head5.png" alt=""></span>虎牙直播LOL</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb6.jpg" alt="">
                                        <div class="word">
                                            <p>神探苍赛事比比叨</p>
                                            <p>2019-04-02更新</p>
                                        </div>
                                    </div>
                                    <p>神探苍解析赛事热点畅聊电竞八卦</p>
                                    <div class="alblum-author"><span><img src="img/head6.webp" alt=""></span>小苍mm</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb7.jpg" alt="">
                                        <div class="word">
                                            <p>教你一招</p>
                                            <p>2019-04-04更新</p>
                                        </div>
                                    </div>
                                    <p>每周教你一招，学不完用不尽的超级套路！</p>
                                    <div class="alblum-author"><span><img src="img/head7.jpg" alt=""></span>掌盟教你一招</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb8.jpg" alt="">
                                        <div class="word">
                                            <p>青铜组的搞笑时刻</p>
                                            <p>2019-04-05更新</p>
                                        </div>
                                    </div>
                                    <p>青铜组选手又出古怪骚操作？让你笑到停不下来！</p>
                                    <div class="alblum-author"><span><img src="img/head8.webp" alt=""></span>木木不哭官方号</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb8.jpg" alt="">
                                        <div class="word">
                                            <p>起小点TOP10</p>
                                            <p>2019-04-10更新</p>
                                        </div>
                                    </div>
                                    <p>起小点TOP10集合国服/外服一周的精彩操作镜头</p>
                                    <div class="alblum-author"><span><img src="img/head9.jpg" alt=""></span>联盟是大腿</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb10.jpg" alt="">
                                        <div class="word">
                                            <p>徐老师来巡山</p>
                                            <p>2019-04-7更新</p>
                                        </div>
                                    </div>
                                    <p>徐老师继《LOL三十六计》《进击的小学生》之后出品的全新英雄联盟搞笑系列巨作，保留了一贯的独特风格，每周精选最精彩的搞笑镜头。</p>
                                    <div class="alblum-author"><span><img src="img/head10.jpg" alt=""></span>LOL徐老师</div>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb1.jpg" alt="">
                                        <div class="word">
                                            <p>主播日报</p>
                                            <p>2019-04-09更新</p>
                                        </div>
                                    </div>
                                    <p>主播每日搞笑镜头集锦。</p>
                                    <div class="alblum-author"><span><img src="img/head1.jpg" alt=""></span>兔玩LOL</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb3.png" alt="">
                                        <div class="word">
                                            <p>巅峰top5</p>
                                            <p>2019-04-07更新</p>
                                        </div>
                                    </div>
                                    <p>巅峰top5是一档精彩英雄联盟赛事集锦节目，为广大玩家带来每日LPL比赛精彩镜头</p>
                                    <div class="alblum-author"><span><img src="img/head3.webp" alt=""></span>飞熊TV英雄联盟</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb2.jpg" alt="">
                                        <div class="word">
                                            <p>赛场狂秀</p>
                                            <p>2019-04-01更新</p>
                                        </div>
                                    </div>
                                    <p>LCK赛场精彩操作TOP10</p>
                                    <div class="alblum-author"><span><img src="img/head2.webp" alt=""></span>暴龙电竞官方号</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb4.png" alt="">
                                        <div class="word">
                                            <p>撸神别搞事儿</p>
                                            <p>2019-03-18更新</p>
                                        </div>
                                    </div>
                                    <p>大神翻车，高玩跳水，路人表演，青铜绝活，一分钟让你笑个不停！撸神别搞事儿，浓缩的都是精华！</p>
                                    <div class="alblum-author"><span><img src="img/head4.webp" alt=""></span>电竞动物园</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb5.jpg" alt="">
                                        <div class="word">
                                            <p>虎牙一周秀</p>
                                            <p>2019-04-09更新</p>
                                        </div>
                                    </div>
                                    <p>每周二悄悄更新，更多匪夷所思、令人瞠目结舌的操作等你来发掘。</p>
                                    <div class="alblum-author"><span><img src="img/head5.png" alt=""></span>虎牙直播LOL</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb6.jpg" alt="">
                                        <div class="word">
                                            <p>神探苍赛事比比叨</p>
                                            <p>2019-04-02更新</p>
                                        </div>
                                    </div>
                                    <p>神探苍解析赛事热点畅聊电竞八卦</p>
                                    <div class="alblum-author"><span><img src="img/head6.webp" alt=""></span>小苍mm</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb7.jpg" alt="">
                                        <div class="word">
                                            <p>教你一招</p>
                                            <p>2019-04-04更新</p>
                                        </div>
                                    </div>
                                    <p>每周教你一招，学不完用不尽的超级套路！</p>
                                    <div class="alblum-author"><span><img src="img/head7.jpg" alt=""></span>掌盟教你一招</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb8.jpg" alt="">
                                        <div class="word">
                                            <p>青铜组的搞笑时刻</p>
                                            <p>2019-04-05更新</p>
                                        </div>
                                    </div>
                                    <p>青铜组选手又出古怪骚操作？让你笑到停不下来！</p>
                                    <div class="alblum-author"><span><img src="img/head8.webp" alt=""></span>木木不哭官方号</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb8.jpg" alt="">
                                        <div class="word">
                                            <p>起小点TOP10</p>
                                            <p>2019-04-10更新</p>
                                        </div>
                                    </div>
                                    <p>起小点TOP10集合国服/外服一周的精彩操作镜头</p>
                                    <div class="alblum-author"><span><img src="img/head9.jpg" alt=""></span>联盟是大腿</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb10.jpg" alt="">
                                        <div class="word">
                                            <p>徐老师来巡山</p>
                                            <p>2019-04-7更新</p>
                                        </div>
                                    </div>
                                    <p>徐老师继《LOL三十六计》《进击的小学生》之后出品的全新英雄联盟搞笑系列巨作，保留了一贯的独特风格，每周精选最精彩的搞笑镜头。</p>
                                    <div class="alblum-author"><span><img src="img/head10.jpg" alt=""></span>LOL徐老师</div>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb1.jpg" alt="">
                                        <div class="word">
                                            <p>主播日报</p>
                                            <p>2019-04-09更新</p>
                                        </div>
                                    </div>
                                    <p>主播每日搞笑镜头集锦。</p>
                                    <div class="alblum-author"><span><img src="img/head1.jpg" alt=""></span>兔玩LOL</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb3.png" alt="">
                                        <div class="word">
                                            <p>巅峰top5</p>
                                            <p>2019-04-07更新</p>
                                        </div>
                                    </div>
                                    <p>巅峰top5是一档精彩英雄联盟赛事集锦节目，为广大玩家带来每日LPL比赛精彩镜头</p>
                                    <div class="alblum-author"><span><img src="img/head3.webp" alt=""></span>飞熊TV英雄联盟</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb2.jpg" alt="">
                                        <div class="word">
                                            <p>赛场狂秀</p>
                                            <p>2019-04-01更新</p>
                                        </div>
                                    </div>
                                    <p>LCK赛场精彩操作TOP10</p>
                                    <div class="alblum-author"><span><img src="img/head2.webp" alt=""></span>暴龙电竞官方号</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb4.png" alt="">
                                        <div class="word">
                                            <p>撸神别搞事儿</p>
                                            <p>2019-03-18更新</p>
                                        </div>
                                    </div>
                                    <p>大神翻车，高玩跳水，路人表演，青铜绝活，一分钟让你笑个不停！撸神别搞事儿，浓缩的都是精华！</p>
                                    <div class="alblum-author"><span><img src="img/head4.webp" alt=""></span>电竞动物园</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb5.jpg" alt="">
                                        <div class="word">
                                            <p>虎牙一周秀</p>
                                            <p>2019-04-09更新</p>
                                        </div>
                                    </div>
                                    <p>每周二悄悄更新，更多匪夷所思、令人瞠目结舌的操作等你来发掘。</p>
                                    <div class="alblum-author"><span><img src="img/head5.png" alt=""></span>虎牙直播LOL</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb6.jpg" alt="">
                                        <div class="word">
                                            <p>神探苍赛事比比叨</p>
                                            <p>2019-04-02更新</p>
                                        </div>
                                    </div>
                                    <p>神探苍解析赛事热点畅聊电竞八卦</p>
                                    <div class="alblum-author"><span><img src="img/head6.webp" alt=""></span>小苍mm</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb7.jpg" alt="">
                                        <div class="word">
                                            <p>教你一招</p>
                                            <p>2019-04-04更新</p>
                                        </div>
                                    </div>
                                    <p>每周教你一招，学不完用不尽的超级套路！</p>
                                    <div class="alblum-author"><span><img src="img/head7.jpg" alt=""></span>掌盟教你一招</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb8.jpg" alt="">
                                        <div class="word">
                                            <p>青铜组的搞笑时刻</p>
                                            <p>2019-04-05更新</p>
                                        </div>
                                    </div>
                                    <p>青铜组选手又出古怪骚操作？让你笑到停不下来！</p>
                                    <div class="alblum-author"><span><img src="img/head8.webp" alt=""></span>木木不哭官方号</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb8.jpg" alt="">
                                        <div class="word">
                                            <p>起小点TOP10</p>
                                            <p>2019-04-10更新</p>
                                        </div>
                                    </div>
                                    <p>起小点TOP10集合国服/外服一周的精彩操作镜头</p>
                                    <div class="alblum-author"><span><img src="img/head9.jpg" alt=""></span>联盟是大腿</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb10.jpg" alt="">
                                        <div class="word">
                                            <p>徐老师来巡山</p>
                                            <p>2019-04-7更新</p>
                                        </div>
                                    </div>
                                    <p>徐老师继《LOL三十六计》《进击的小学生》之后出品的全新英雄联盟搞笑系列巨作，保留了一贯的独特风格，每周精选最精彩的搞笑镜头。</p>
                                    <div class="alblum-author"><span><img src="img/head10.jpg" alt=""></span>LOL徐老师</div>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb1.jpg" alt="">
                                        <div class="word">
                                            <p>主播日报</p>
                                            <p>2019-04-09更新</p>
                                        </div>
                                    </div>
                                    <p>主播每日搞笑镜头集锦。</p>
                                    <div class="alblum-author"><span><img src="img/head1.jpg" alt=""></span>兔玩LOL</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb3.png" alt="">
                                        <div class="word">
                                            <p>巅峰top5</p>
                                            <p>2019-04-07更新</p>
                                        </div>
                                    </div>
                                    <p>巅峰top5是一档精彩英雄联盟赛事集锦节目，为广大玩家带来每日LPL比赛精彩镜头</p>
                                    <div class="alblum-author"><span><img src="img/head3.webp" alt=""></span>飞熊TV英雄联盟</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb2.jpg" alt="">
                                        <div class="word">
                                            <p>赛场狂秀</p>
                                            <p>2019-04-01更新</p>
                                        </div>
                                    </div>
                                    <p>LCK赛场精彩操作TOP10</p>
                                    <div class="alblum-author"><span><img src="img/head2.webp" alt=""></span>暴龙电竞官方号</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb4.png" alt="">
                                        <div class="word">
                                            <p>撸神别搞事儿</p>
                                            <p>2019-03-18更新</p>
                                        </div>
                                    </div>
                                    <p>大神翻车，高玩跳水，路人表演，青铜绝活，一分钟让你笑个不停！撸神别搞事儿，浓缩的都是精华！</p>
                                    <div class="alblum-author"><span><img src="img/head4.webp" alt=""></span>电竞动物园</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb5.jpg" alt="">
                                        <div class="word">
                                            <p>虎牙一周秀</p>
                                            <p>2019-04-09更新</p>
                                        </div>
                                    </div>
                                    <p>每周二悄悄更新，更多匪夷所思、令人瞠目结舌的操作等你来发掘。</p>
                                    <div class="alblum-author"><span><img src="img/head5.png" alt=""></span>虎牙直播LOL</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb6.jpg" alt="">
                                        <div class="word">
                                            <p>神探苍赛事比比叨</p>
                                            <p>2019-04-02更新</p>
                                        </div>
                                    </div>
                                    <p>神探苍解析赛事热点畅聊电竞八卦</p>
                                    <div class="alblum-author"><span><img src="img/head6.webp" alt=""></span>小苍mm</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb7.jpg" alt="">
                                        <div class="word">
                                            <p>教你一招</p>
                                            <p>2019-04-04更新</p>
                                        </div>
                                    </div>
                                    <p>每周教你一招，学不完用不尽的超级套路！</p>
                                    <div class="alblum-author"><span><img src="img/head7.jpg" alt=""></span>掌盟教你一招</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb8.jpg" alt="">
                                        <div class="word">
                                            <p>青铜组的搞笑时刻</p>
                                            <p>2019-04-05更新</p>
                                        </div>
                                    </div>
                                    <p>青铜组选手又出古怪骚操作？让你笑到停不下来！</p>
                                    <div class="alblum-author"><span><img src="img/head8.webp" alt=""></span>木木不哭官方号</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb8.jpg" alt="">
                                        <div class="word">
                                            <p>起小点TOP10</p>
                                            <p>2019-04-10更新</p>
                                        </div>
                                    </div>
                                    <p>起小点TOP10集合国服/外服一周的精彩操作镜头</p>
                                    <div class="alblum-author"><span><img src="img/head9.jpg" alt=""></span>联盟是大腿</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb10.jpg" alt="">
                                        <div class="word">
                                            <p>徐老师来巡山</p>
                                            <p>2019-04-7更新</p>
                                        </div>
                                    </div>
                                    <p>徐老师继《LOL三十六计》《进击的小学生》之后出品的全新英雄联盟搞笑系列巨作，保留了一贯的独特风格，每周精选最精彩的搞笑镜头。</p>
                                    <div class="alblum-author"><span><img src="img/head10.jpg" alt=""></span>LOL徐老师</div>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb1.jpg" alt="">
                                        <div class="word">
                                            <p>主播日报</p>
                                            <p>2019-04-09更新</p>
                                        </div>
                                    </div>
                                    <p>主播每日搞笑镜头集锦。</p>
                                    <div class="alblum-author"><span><img src="img/head1.jpg" alt=""></span>兔玩LOL</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb3.png" alt="">
                                        <div class="word">
                                            <p>巅峰top5</p>
                                            <p>2019-04-07更新</p>
                                        </div>
                                    </div>
                                    <p>巅峰top5是一档精彩英雄联盟赛事集锦节目，为广大玩家带来每日LPL比赛精彩镜头</p>
                                    <div class="alblum-author"><span><img src="img/head3.webp" alt=""></span>飞熊TV英雄联盟</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb2.jpg" alt="">
                                        <div class="word">
                                            <p>赛场狂秀</p>
                                            <p>2019-04-01更新</p>
                                        </div>
                                    </div>
                                    <p>LCK赛场精彩操作TOP10</p>
                                    <div class="alblum-author"><span><img src="img/head2.webp" alt=""></span>暴龙电竞官方号</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb4.png" alt="">
                                        <div class="word">
                                            <p>撸神别搞事儿</p>
                                            <p>2019-03-18更新</p>
                                        </div>
                                    </div>
                                    <p>大神翻车，高玩跳水，路人表演，青铜绝活，一分钟让你笑个不停！撸神别搞事儿，浓缩的都是精华！</p>
                                    <div class="alblum-author"><span><img src="img/head4.webp" alt=""></span>电竞动物园</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb5.jpg" alt="">
                                        <div class="word">
                                            <p>虎牙一周秀</p>
                                            <p>2019-04-09更新</p>
                                        </div>
                                    </div>
                                    <p>每周二悄悄更新，更多匪夷所思、令人瞠目结舌的操作等你来发掘。</p>
                                    <div class="alblum-author"><span><img src="img/head5.png" alt=""></span>虎牙直播LOL</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb6.jpg" alt="">
                                        <div class="word">
                                            <p>神探苍赛事比比叨</p>
                                            <p>2019-04-02更新</p>
                                        </div>
                                    </div>
                                    <p>神探苍解析赛事热点畅聊电竞八卦</p>
                                    <div class="alblum-author"><span><img src="img/head6.webp" alt=""></span>小苍mm</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb7.jpg" alt="">
                                        <div class="word">
                                            <p>教你一招</p>
                                            <p>2019-04-04更新</p>
                                        </div>
                                    </div>
                                    <p>每周教你一招，学不完用不尽的超级套路！</p>
                                    <div class="alblum-author"><span><img src="img/head7.jpg" alt=""></span>掌盟教你一招</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb8.jpg" alt="">
                                        <div class="word">
                                            <p>青铜组的搞笑时刻</p>
                                            <p>2019-04-05更新</p>
                                        </div>
                                    </div>
                                    <p>青铜组选手又出古怪骚操作？让你笑到停不下来！</p>
                                    <div class="alblum-author"><span><img src="img/head8.webp" alt=""></span>木木不哭官方号</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb8.jpg" alt="">
                                        <div class="word">
                                            <p>起小点TOP10</p>
                                            <p>2019-04-10更新</p>
                                        </div>
                                    </div>
                                    <p>起小点TOP10集合国服/外服一周的精彩操作镜头</p>
                                    <div class="alblum-author"><span><img src="img/head9.jpg" alt=""></span>联盟是大腿</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb10.jpg" alt="">
                                        <div class="word">
                                            <p>徐老师来巡山</p>
                                            <p>2019-04-7更新</p>
                                        </div>
                                    </div>
                                    <p>徐老师继《LOL三十六计》《进击的小学生》之后出品的全新英雄联盟搞笑系列巨作，保留了一贯的独特风格，每周精选最精彩的搞笑镜头。</p>
                                    <div class="alblum-author"><span><img src="img/head10.jpg" alt=""></span>LOL徐老师</div>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb1.jpg" alt="">
                                        <div class="word">
                                            <p>主播日报</p>
                                            <p>2019-04-09更新</p>
                                        </div>
                                    </div>
                                    <p>主播每日搞笑镜头集锦。</p>
                                    <div class="alblum-author"><span><img src="img/head1.jpg" alt=""></span>兔玩LOL</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb3.png" alt="">
                                        <div class="word">
                                            <p>巅峰top5</p>
                                            <p>2019-04-07更新</p>
                                        </div>
                                    </div>
                                    <p>巅峰top5是一档精彩英雄联盟赛事集锦节目，为广大玩家带来每日LPL比赛精彩镜头</p>
                                    <div class="alblum-author"><span><img src="img/head3.webp" alt=""></span>飞熊TV英雄联盟</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb2.jpg" alt="">
                                        <div class="word">
                                            <p>赛场狂秀</p>
                                            <p>2019-04-01更新</p>
                                        </div>
                                    </div>
                                    <p>LCK赛场精彩操作TOP10</p>
                                    <div class="alblum-author"><span><img src="img/head2.webp" alt=""></span>暴龙电竞官方号</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb4.png" alt="">
                                        <div class="word">
                                            <p>撸神别搞事儿</p>
                                            <p>2019-03-18更新</p>
                                        </div>
                                    </div>
                                    <p>大神翻车，高玩跳水，路人表演，青铜绝活，一分钟让你笑个不停！撸神别搞事儿，浓缩的都是精华！</p>
                                    <div class="alblum-author"><span><img src="img/head4.webp" alt=""></span>电竞动物园</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb5.jpg" alt="">
                                        <div class="word">
                                            <p>虎牙一周秀</p>
                                            <p>2019-04-09更新</p>
                                        </div>
                                    </div>
                                    <p>每周二悄悄更新，更多匪夷所思、令人瞠目结舌的操作等你来发掘。</p>
                                    <div class="alblum-author"><span><img src="img/head5.png" alt=""></span>虎牙直播LOL</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb6.jpg" alt="">
                                        <div class="word">
                                            <p>神探苍赛事比比叨</p>
                                            <p>2019-04-02更新</p>
                                        </div>
                                    </div>
                                    <p>神探苍解析赛事热点畅聊电竞八卦</p>
                                    <div class="alblum-author"><span><img src="img/head6.webp" alt=""></span>小苍mm</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb7.jpg" alt="">
                                        <div class="word">
                                            <p>教你一招</p>
                                            <p>2019-04-04更新</p>
                                        </div>
                                    </div>
                                    <p>每周教你一招，学不完用不尽的超级套路！</p>
                                    <div class="alblum-author"><span><img src="img/head7.jpg" alt=""></span>掌盟教你一招</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb8.jpg" alt="">
                                        <div class="word">
                                            <p>青铜组的搞笑时刻</p>
                                            <p>2019-04-05更新</p>
                                        </div>
                                    </div>
                                    <p>青铜组选手又出古怪骚操作？让你笑到停不下来！</p>
                                    <div class="alblum-author"><span><img src="img/head8.webp" alt=""></span>木木不哭官方号</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb8.jpg" alt="">
                                        <div class="word">
                                            <p>起小点TOP10</p>
                                            <p>2019-04-10更新</p>
                                        </div>
                                    </div>
                                    <p>起小点TOP10集合国服/外服一周的精彩操作镜头</p>
                                    <div class="alblum-author"><span><img src="img/head9.jpg" alt=""></span>联盟是大腿</div>
                                </li>
                                <li>
                                    <div class="alblum-pic">
                                        <img src="img/alb10.jpg" alt="">
                                        <div class="word">
                                            <p>徐老师来巡山</p>
                                            <p>2019-04-7更新</p>
                                        </div>
                                    </div>
                                    <p>徐老师继《LOL三十六计》《进击的小学生》之后出品的全新英雄联盟搞笑系列巨作，保留了一贯的独特风格，每周精选最精彩的搞笑镜头。</p>
                                    <div class="alblum-author"><span><img src="img/head10.jpg" alt=""></span>LOL徐老师</div>
                                </li>
                            </ul>
                        </div>
                        <div class="left-btn"></div>
                        <div class="right-btn"></div>
                    </div>
                    <div class="down">
                        前往视频中心<span class="arrow"></span>
                    </div>               
            </section>
        </div>
    </div>
    <!-- 赛事中心 -->
    <section class="champion" id = "champion">
        <div class="champion-wrap">
            <div class="champion-head">
                <div class="top">
                    <h2>赛事中心</h2>
                    <div class="top-right" id = "champion_top">
                        <ul>
                            <li class = "selected">春季赛常规赛</li>
                            <li>春季赛季后赛</li>
                        </ul>
                        <div><a>更多<span class="arrow"></span></a></div>
                        <a href=""><span></span>2019LPL春季赛</a>
                    </div>
                </div>
            </div>
            <div class="content">
                <div style = "display: block" class="champion-content" id = "champion_content">
                    <div class="contestant">
                        <div class="ul-wraper">
                            <ul>
                                <li>
                                    <div class="game-status">
                                        <p>已结束</p>
                                        <p>19:00</p>
                                        <p>3-15</p>
                                    </div>
                                    <div class="compete-wrap">
                                        <div class="competeA">
                                            <span><img src="img/contestant/1.png" alt="IG"></span>
                                            <p>IG</p>
                                        </div>
                                        <div class="competeB">
                                            <span><img src="img/contestant/2.png" alt="IG"></span>
                                            <p>VG</p>
                                        </div>
                                        <div class="score">2:0</div>
                                        <div class="video-back">视频回顾</div>
                                    </div>
                                    <p class="match-name">2019职业联赛</p>
                                    <p class="match-num">春季赛常规赛 第八周 BO3</p>
                                </li>
                                <li>
                                    <div class="game-status">
                                        <p>已结束</p>
                                        <p>14:00</p>
                                        <p>3-16</p>
                                    </div>
                                    <div class="compete-wrap">
                                        <div class="competeA">
                                            <span><img src="img/contestant/3.png" alt="IG"></span>
                                            <p>V5</p>
                                        </div>
                                        <div class="competeB">
                                            <span><img src="img/contestant/4.png" alt="IG"></span>
                                            <p>WE</p>
                                        </div>
                                        <div class="score">0:2</div>
                                        <div class="video-back">视频回顾</div>
                                    </div>
                                    <p class="match-name">2019职业联赛</p>
                                    <p class="match-num">春季赛常规赛 第八周 BO3</p>
                                </li>
                                <li>
                                    <div class="game-status">
                                        <p>已结束</p>
                                        <p>17:00</p>
                                        <p>3-16</p>
                                    </div>
                                    <div class="compete-wrap">
                                        <div class="competeA">
                                            <span><img src="img/contestant/5.png" alt="IG"></span>
                                            <p>RW</p>
                                        </div>
                                        <div class="competeB">
                                            <span><img src="img/contestant/6.png" alt="IG"></span>
                                            <p>TOP</p>
                                        </div>
                                        <div class="score">0:2</div>
                                        <div class="video-back">视频回顾</div>
                                    </div>
                                    <p class="match-name">2019职业联赛</p>
                                    <p class="match-num">春季赛常规赛 第八周 BO3</p>
                                </li>
                                <li>
                                    <div class="game-status">
                                        <p>已结束</p>
                                        <p>19:00</p>
                                        <p>3-16</p>
                                    </div>
                                    <div class="compete-wrap">
                                        <div class="competeA">
                                            <span><img src="img/contestant/7.png" alt="IG"></span>
                                            <p>JDG</p>
                                        </div>
                                        <div class="competeB">
                                            <span><img src="img/contestant/8.png" alt="IG"></span>
                                            <p>SN</p>
                                        </div>
                                        <div class="score">2:1</div>
                                        <div class="video-back">视频回顾</div>
                                    </div>
                                    <p class="match-name">2019职业联赛</p>
                                    <p class="match-num">春季赛常规赛 第八周 BO3</p>
                                </li>
                                <li>
                                    <div class="game-status">
                                        <p>已结束</p>
                                        <p>14:00</p>
                                        <p>3-17</p>
                                    </div>
                                    <div class="compete-wrap">
                                        <div class="competeA">
                                            <span><img src="img/contestant/9.png" alt="IG"></span>
                                            <p>LGD</p>
                                        </div>
                                        <div class="competeB">
                                            <span><img src="img/contestant/10.png" alt="IG"></span>
                                            <p>OMG</p>
                                        </div>
                                        <div class="score">2:1</div>
                                        <div class="video-back">视频回顾</div>
                                    </div>
                                    <p class="match-name">2019职业联赛</p>
                                    <p class="match-num">春季赛常规赛 第八周 BO3</p>
                                </li>
                                <li>
                                    <div class="game-status">
                                        <p>已结束</p>
                                        <p>17:00</p>
                                        <p>3-17</p>
                                    </div>
                                    <div class="compete-wrap">
                                        <div class="competeA">
                                            <span><img src="img/contestant/11.png" alt="IG"></span>
                                            <p>RNG</p>
                                        </div>
                                        <div class="competeB">
                                            <span><img src="img/contestant/12.png" alt="IG"></span>
                                            <p>BLG</p>
                                        </div>
                                        <div class="score">2:1</div>
                                        <div class="video-back">视频回顾</div>
                                    </div>
                                    <p class="match-name">2019职业联赛</p>
                                    <p class="match-num">春季赛常规赛 第八周 BO3</p>
                                </li>
                                <li>
                                    <div class="game-status">
                                        <p>已结束</p>
                                        <p>17:00</p>
                                        <p>3-18</p>
                                    </div>
                                    <div class="compete-wrap">
                                        <div class="competeA">
                                            <span><img src="img/contestant/5.png" alt="IG"></span>
                                            <p>RW</p>
                                        </div>
                                        <div class="competeB">
                                            <span><img src="img/contestant/2.png" alt="IG"></span>
                                            <p>VG</p>
                                        </div>
                                        <div class="score">2:1</div>
                                        <div class="video-back">视频回顾</div>
                                    </div>
                                    <p class="match-name">2019职业联赛</p>
                                    <p class="match-num">春季赛常规赛 第八周 BO3</p>
                                </li>
                                <li>
                                    <div class="game-status">
                                        <p>已结束</p>
                                        <p>19:00</p>
                                        <p>3-18</p>
                                    </div>
                                    <div class="compete-wrap">
                                        <div class="competeA">
                                            <span><img src="img/contestant/7.png" alt="IG"></span>
                                            <p>JDG</p>
                                        </div>
                                        <div class="competeB">
                                            <span><img src="img/contestant/15.png" alt="IG"></span>
                                            <p>SS</p>
                                        </div>
                                        <div class="score">2:0</div>
                                        <div class="video-back">视频回顾</div>
                                    </div>
                                    <p class="match-name">2019职业联赛</p>
                                    <p class="match-num">春季赛常规赛 第八周 BO3</p>
                                </li>
                                <li>
                                    <div class="game-status">
                                        <p>已结束</p>
                                        <p>17:00</p>
                                        <p>3-19</p>
                                    </div>
                                    <div class="compete-wrap">
                                        <div class="competeA">
                                            <span><img src="img/contestant/3.png" alt="IG"></span>
                                            <p>V5</p>
                                        </div>
                                        <div class="competeB">
                                            <span><img src="img/contestant/14.png" alt="IG"></span>
                                            <p>SDG</p>
                                        </div>
                                        <div class="score">0:2</div>
                                        <div class="video-back">视频回顾</div>
                                    </div>
                                    <p class="match-name">2019职业联赛</p>
                                    <p class="match-num">春季赛常规赛 第八周 BO3</p>
                                </li> 
                                <li>
                                        <div class="game-status">
                                            <p>已结束</p>
                                            <p>19:00</p>
                                            <p>3-19</p>
                                        </div>
                                        <div class="compete-wrap">
                                            <div class="competeA">
                                                <span><img src="img/contestant/7.png" alt="IG"></span>
                                                <p>JDG</p>
                                            </div>
                                            <div class="competeB">
                                                <span><img src="img/contestant/8.png" alt="IG"></span>
                                                <p>SN</p>
                                            </div>
                                            <div class="score">2:1</div>
                                            <div class="video-back">视频回顾</div>
                                        </div>
                                        <p class="match-name">2019职业联赛</p>
                                        <p class="match-num">春季赛常规赛 第八周 BO3</p>
                                </li> 
                            </li>
                            <li>
                                <div class="game-status">
                                    <p>已结束</p>
                                    <p>19:00</p>
                                    <p>3-19</p>
                                </div>
                                <div class="compete-wrap">
                                    <div class="competeA">
                                        <span><img src="img/contestant/4.png" alt="IG"></span>
                                        <p>WE</p>
                                    </div>
                                    <div class="competeB">
                                        <span><img src="img/contestant/6.png" alt="IG"></span>
                                        <p>TOP</p>
                                    </div>
                                    <div class="score">2:1</div>
                                    <div class="video-back">视频回顾</div>
                                </div>
                                <p class="match-name">2019职业联赛</p>
                                <p class="match-num">春季赛常规赛 第八周 BO3</p>
                            </li>
                            <li>
                                <div class="game-status">
                                    <p>已结束</p>
                                    <p>17:00</p>
                                    <p>3-20</p>
                                </div>
                                <div class="compete-wrap">
                                    <div class="competeA">
                                        <span><img src="img/contestant/16.png" alt="IG"></span>
                                        <p>EDG</p>
                                    </div>
                                    <div class="competeB">
                                        <span><img src="img/contestant/12.png" alt="IG"></span>
                                        <p>BLG</p>
                                    </div>
                                    <div class="score">1:2</div>
                                    <div class="video-back">视频回顾</div>
                                </div>
                                <p class="match-name">2019职业联赛</p>
                                <p class="match-num">春季赛常规赛 第八周 BO3</p>
                            </li>
                            <li>
                                <div class="game-status">
                                    <p>已结束</p>
                                    <p>19:00</p>
                                    <p>3-20</p>
                                </div>
                                <div class="compete-wrap">
                                    <div class="competeA">
                                        <span><img src="img/contestant/11.png" alt="IG"></span>
                                        <p>RNG</p>
                                    </div>
                                    <div class="competeB">
                                        <span><img src="img/contestant/7.png" alt="IG"></span>
                                        <p>JDG</p>
                                    </div>
                                    <div class="score">2:1</div>
                                    <div class="video-back">视频回顾</div>
                                </div>
                                <p class="match-name">2019职业联赛</p>
                                <p class="match-num">春季赛常规赛 第八周 BO3</p>
                            </li>
                            <li>
                                <div class="game-status">
                                    <p>已结束</p>
                                    <p>17:00</p>
                                    <p>3-22</p>
                                </div>
                                <div class="compete-wrap">
                                    <div class="competeA">
                                        <span><img src="img/contestant/14.png" alt="IG"></span>
                                        <p>SDG</p>
                                    </div>
                                    <div class="competeB">
                                        <span><img src="img/contestant/9.png" alt="IG"></span>
                                        <p>LGD</p>
                                    </div>
                                    <div class="score">1:2</div>
                                    <div class="video-back">视频回顾</div>
                                </div>
                                <p class="match-name">2019职业联赛</p>
                                <p class="match-num">春季赛常规赛 第八周 BO3</p>
                            </li> 
                            <li>
                                    <div class="game-status">
                                        <p>已结束</p>
                                        <p>19:00</p>
                                        <p>3-22</p>
                                    </div>
                                    <div class="compete-wrap">
                                        <div class="competeA">
                                            <span><img src="img/contestant/15.png" alt="IG"></span>
                                            <p>SS</p>
                                        </div>
                                        <div class="competeB">
                                            <span><img src="img/contestant/10.png" alt="IG"></span>
                                            <p>OMG</p>
                                        </div>
                                        <div class="score">2:1</div>
                                        <div class="video-back">视频回顾</div>
                                    </div>
                                    <p class="match-name">2019职业联赛</p>
                                    <p class="match-num">春季赛常规赛 第八周 BO3</p>
                            </li>                                   
                            </ul>
                        </div>
                        <div class="left-btn"></div>
                        <div class="right-btn"></div>
                    </div>
                    <div class="match">
                            <div class="match-top">
                                    <h6>最强战力</h6>
                                    <div class="top-right" id = "match_top">
                                        <ul>
                                            <li class = "selected" >上路</li>
                                            <li>打野</li>
                                            <li>中路</li>
                                            <li>下路</li>
                                            <li>辅助</li>
                                        </ul>
                                    </div>
                            </div>
                            <div class="match-bottom" id = "match_bottom">
                                <div class="match-wrap">
                                    <ul  style = "display:block;">
                                        <li class = "shows">
                                            <div class="pics">
                                                <img src="./img/player/11.png" alt="">
                                                <p>1</p>
                                                <span><img src="./img/contestant/12.png" alt=""></span>
                                            </div>
                                            <p class="name">ADD</p>
                                            <p class="des"><span>战力 ：</span><span>64.86</span></p>
                                        </li>
                                        <li class = "shows">
                                            <div class="pics">
                                                <img src="./img/player/12.png" alt="">
                                                <p>2</p>
                                                <span><img src="./img/contestant/1.png" alt=""></span>
                                            </div>
                                            <p class="name">TheShy</p>
                                            <p class="des"><span>战力 ：</span><span>60.99</span></p>
                                        </li>
                                        <li class = "shows">
                                            <div class="pics">
                                                <img src="./img/player/13.png" alt="">
                                                <p>3</p>
                                                <span><img src="./img/contestant/6.png" alt=""></span>
                                            </div>
                                            <p class="name">369</p>
                                            <p class="des"><span>战力 ：</span><span>59.63</span></p>
                                        </li>
                                        <li class = "shows">
                                            <div class="pics">
                                                <img src="./img/player/14.png" alt="">
                                                <p>4</p>
                                                <span><img src="./img/contestant/3.png" alt=""></span>
                                            </div>
                                            <p class="name">Jinoo</p>
                                            <p class="des"><span>战力 ：</span><span>58.5</span></p>
                                        </li>
                                        <li class = "shows">
                                            <div class="pics">
                                                <img src="./img/player/15.png" alt="">
                                                <p>5</p>
                                                <span><img src="./img/contestant/16.png" alt=""></span>
                                            </div>
                                            <p class="name">Ray</p>
                                            <p class="des"><span>战力 ：</span><span>57.57</span></p>
                                        </li>                                                                                     
                                    </ul>
                                    <ul style = "display:block;">
                                        <li>
                                            <div class="pics">
                                                <img src="./img/player/21.png" alt="">
                                                <p>1</p>
                                                <span><img src="./img/contestant/13.png" alt=""></span>
                                            </div>
                                            <p class="name">Tian</p>
                                            <p class="des"><span>战力 ：</span><span>75.27</span></p>
                                        </li>
                                        <li>
                                            <div class="pics">
                                                <img src="./img/player/22.png" alt="">
                                                <p>2</p>
                                                <span><img src="./img/contestant/1.png" alt=""></span>
                                            </div>
                                            <p class="name">Ning</p>
                                            <p class="des"><span>战力 ：</span><span>70.76</span></p>
                                        </li>
                                        <li>
                                            <div class="pics">
                                                <img src="./img/player/23.png" alt="">
                                                <p>3</p>
                                                <span><img src="./img/contestant/11.png" alt=""></span>
                                            </div>
                                            <p class="name">Karsa</p>
                                            <p class="des"><span>战力 ：</span><span>70</span></p>
                                        </li>
                                        <li>
                                            <div class="pics">
                                                <img src="./img/player/24.png" alt="">
                                                <p>4</p>
                                                <span><img src="./img/contestant/12.png" alt=""></span>
                                            </div>
                                            <p class="name">Metoer</p>
                                            <p class="des"><span>战力 ：</span><span>65.63</span></p>
                                        </li>
                                        <li>
                                            <div class="pics">
                                                <img src="./img/player/25.png" alt="">
                                                <p>5</p>
                                                <span><img src="./img/contestant/4.png" alt=""></span>
                                            </div>
                                            <p class="name">beishang</p>
                                            <p class="des"><span>战力 ：</span><span>63.29</span></p>
                                        </li>                                                                                     
                                    </ul>
                                    <ul style = "display:block;">
                                        <li>
                                            <div class="pics">
                                                <img src="./img/player/31.png" alt="">
                                                <p>1</p>
                                                <span><img src="./img/contestant/6.png" alt=""></span>
                                            </div>
                                            <p class="name">Knight9</p>
                                            <p class="des"><span>战力 ：</span><span>76.46</span></p>
                                        </li>
                                        <li>
                                            <div class="pics">
                                                <img src="./img/player/32.png" alt="">
                                                <p>2</p>
                                                <span><img src="./img/contestant/13.png" alt=""></span>
                                            </div>
                                            <p class="name">Doinb</p>
                                            <p class="des"><span>战力 ：</span><span>73.11</span></p>
                                        </li>
                                        <li>
                                            <div class="pics">
                                                <img src="./img/player/33.png" alt="">
                                                <p>3</p>
                                                <span><img src="./img/contestant/1.png" alt=""></span>
                                            </div>
                                            <p class="name">Rookie</p>
                                            <p class="des"><span>战力 ：</span><span>68.6</span></p>
                                        </li>
                                        <li>
                                            <div class="pics">
                                                <img src="./img/player/34.png" alt="">
                                                <p>4</p>
                                                <span><img src="./img/contestant/11.png" alt=""></span>
                                            </div>
                                            <p class="name">Xiaohu</p>
                                            <p class="des"><span>战力 ：</span><span>63.8</span></p>
                                        </li>
                                        <li>
                                            <div class="pics">
                                                <img src="./img/player/35.png" alt="">
                                                <p>5</p>
                                                <span><img src="./img/contestant/4.png" alt=""></span>
                                            </div>
                                            <p class="name">Xiye</p>
                                            <p class="des"><span>战力 ：</span><span>63.67</span></p>
                                        </li>                                                                                     
                                    </ul>
                                    <ul style = "display:block;">
                                        <li>
                                            <div class="pics">
                                                <img src="./img/player/41.png" alt="">
                                                <p>1</p>
                                                <span><img src="./img/contestant/16.png" alt=""></span>
                                            </div>
                                            <p class="name">iBoy</p>
                                            <p class="des"><span>战力 ：</span><span>65.91</span></p>
                                        </li>
                                        <li>
                                            <div class="pics">
                                                <img src="./img/player/42.png" alt="">
                                                <p>2</p>
                                                <span><img src="./img/contestant/4.png" alt=""></span>
                                            </div>
                                            <p class="name">Mystic</p>
                                            <p class="des"><span>战力 ：</span><span>63.3</span></p>
                                        </li>
                                        <li>
                                            <div class="pics">
                                                <img src="./img/player/43.png" alt="">
                                                <p>3</p>
                                                <span><img src="./img/contestant/8.png" alt=""></span>
                                            </div>
                                            <p class="name">Smlz</p>
                                            <p class="des"><span>战力 ：</span><span>60.52</span></p>
                                        </li>
                                        <li>
                                            <div class="pics">
                                                <img src="./img/player/44.png" alt="">
                                                <p>4</p>
                                                <span><img src="./img/contestant/9.png" alt=""></span>
                                            </div>
                                            <p class="name">Kramer</p>
                                            <p class="des"><span>战力 ：</span><span>58.56</span></p>
                                        </li>
                                        <li>
                                            <div class="pics">
                                                <img src="./img/player/45.png" alt="">
                                                <p>5</p>
                                                <span><img src="./img/contestant/12.png" alt=""></span>
                                            </div>
                                            <p class="name">Jinjiao</p>
                                            <p class="des"><span>战力 ：</span><span>58.38</span></p>
                                        </li>                                                                                     
                                    </ul>
                                    <ul style = "display:block;">
                                        <li>
                                            <div class="pics">
                                                <img src="./img/player/51.png" alt="">
                                                <p>1</p>
                                                <span><img src="./img/contestant/11.png" alt=""></span>
                                            </div>
                                            <p class="name">Ming</p>
                                            <p class="des"><span>战力 ：</span><span>62.82</span></p>
                                        </li>
                                        <li>
                                            <div class="pics">
                                                <img src="./img/player/52.png" alt="">
                                                <p>2</p>
                                                <span><img src="./img/contestant/13.png" alt=""></span>
                                            </div>
                                            <p class="name">Crisp</p>
                                            <p class="des"><span>战力 ：</span><span>62.08</span></p>
                                        </li>
                                        <li>
                                            <div class="pics">
                                                <img src="./img/player/53.png" alt="">
                                                <p>3</p>
                                                <span><img src="./img/contestant/16.png" alt=""></span>
                                            </div>
                                            <p class="name">Meiko</p>
                                            <p class="des"><span>战力 ：</span><span>61.31</span></p>
                                        </li>
                                        <li>
                                            <div class="pics">
                                                <img src="./img/player/54.png" alt="">
                                                <p>4</p>
                                                <span><img src="./img/contestant/8.png" alt=""></span>
                                            </div>
                                            <p class="name">SwordArT</p>
                                            <p class="des"><span>战力 ：</span><span>58.77</span></p>
                                        </li>
                                        <li>
                                            <div class="pics">
                                                <img src="./img/player/55.png" alt="">
                                                <p>5</p>
                                                <span><img src="./img/contestant/14.png" alt=""></span>
                                            </div>
                                            <p class="name">Mark</p>
                                            <p class="des"><span>战力 ：</span><span>57.67</span></p>
                                        </li>                                                                                     
                                    </ul>                                    
                                </div>
                            </div>

                    </div>
                    <div class="score">
                        <div class="score-rank">
                            <p>积分榜</p>
                            <div class = "score-head">
                                <p>排名</p>
                                <p>俱乐部</p>
                                <p>胜负</p>
                                <p>积分</p>
                            </div>
                            <div class="rank">
                                <ul>
                                    <li>
                                        <p class="x">1</p>
                                        <span><img src="./img/contestant/13.png" alt="">FPX</span>
                                        <p class="y">13/2</p>
                                        <p class="z">13</p>
                                    </li>
                                    <li>
                                        <p class="x">2</p>
                                        <span><img src="./img/contestant/1.png" alt="">IG</span>
                                        <p class="y">11/4</p>
                                        <p class="z">11</p>
                                    </li>
                                    <li>
                                        <p class="x">3</p>
                                        <span><img src="./img/contestant/6.png" alt="">TOP</span>
                                        <p class="y">11/4</p>
                                        <p class="z">11</p>
                                    </li>
                                    <li>
                                        <p class="x">4</p>
                                        <span><img src="./img/contestant/11.png" alt="">RNG</span>
                                        <p class="y">10/5</p>
                                        <p class="z">10</p>
                                    </li>
                                    <li>
                                        <p class="x">5</p>
                                        <span><img src="./img/contestant/4.png" alt="">WE</span>
                                        <p class="y">10/5</p>
                                        <p class="z">10</p>
                                    </li>
                                    <li>
                                        <p class="x">6</p>
                                        <span><img src="./img/contestant/14.png" alt="">SDG</span>
                                        <p class="y">9/6</p>
                                        <p class="z">9</p>
                                    </li>
                                    <li>
                                        <p class="x">7</p>
                                        <span><img src="./img/contestant/13.png" alt="">EDG</span>
                                        <p class="y">9/6</p>
                                        <p class="z">9</p>
                                    </li>
                                    <li>
                                        <p class="x">8</p>
                                        <span><img src="./img/contestant/7.png" alt="">JDG</span>
                                        <p class="y">9/6</p>
                                        <p class="z">9</p>
                                    </li>
                                    <li>
                                        <p class="x">9</p>
                                        <span><img src="./img/contestant/12.png" alt="">BLG</span>
                                        <p class="y">8/7</p>
                                        <p class="z">8</p>
                                    </li>
                                    <li>
                                        <p class="x">10</p>
                                        <span><img src="./img/contestant/8.png" alt="">SN</span>
                                        <p class="y">6/9</p>
                                        <p class="z">6</p>
                                    </li>
                                    <li>
                                        <p class="x">11</p>
                                        <span><img src="./img/contestant/9.png" alt="">LGD</span>
                                        <p class="y">5/10</p>
                                        <p class="z">5</p>
                                    </li>
                                    <li>
                                        <p class="x">12</p>
                                        <span><img src="./img/contestant/15.png" alt="">SS</span>
                                        <p class="y">5/10</p>
                                        <p class="z">5</p>
                                    </li>
                                    <li>
                                        <p class="x">13</p>
                                        <span><img src="./img/contestant/3.png" alt="">V5</span>
                                        <p class="y">4/11</p>
                                        <p class="z">4</p>
                                    </li>
                                    <li>
                                        <p class="x">14</p>
                                        <span><img src="./img/contestant/10.png" alt="">OMG</span>
                                        <p class="y">4/11</p>
                                        <p class="z">4</p>
                                    </li>
                                    <li>
                                        <p class="x">15</p>
                                        <span><img src="./img/contestant/5.png" alt="">RW</span>
                                        <p class="y">4/11</p>
                                        <p class="z">4</p>
                                    </li>
                                    <li>
                                        <p class="x">16</p>
                                        <span><img src="./img/contestant/2.png" alt="">VG</span>
                                        <p class="y">2/13</p>
                                        <p class="z">2</p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div style = "display: none" class="game" id = "game">
                    <div class="list-col1">
                        <p class="list-head">第一轮</p>
                        <div class="vs">
                            <p class="info">
                                <span>已结束</span>
                                <span>4月4日 17:00</span>
                                <a href="">视频</a>
                                <a href="">数据</a>
                            </p>
                            <div class="vsA">
                                <span class="logo"><img src="./img/contestant/4.png" alt=""></span>
                                <span class= "logo-name">WE</span>
                                <span class = "A">1</span>
                            </div>
                            <div class="vsB">
                                <span class="logo"><img src="./img/contestant/7.png" alt=""></span>
                                <span class= "logo-name">JDG</span>
                                <span class = "B">3</span>
                            </div>
                        </div>
                        <div class="vs">
                            <p class="info">
                                <span>已结束</span>
                                <span>4月5日 17:00</span>
                                <a href="">视频</a>
                                <a href="">数据</a>
                            </p>
                            <div class="vsA">
                                <span class="logo"><img src="./img/contestant/14.png" alt=""></span>
                                <span class= "logo-name">SDG</span>
                                <span class = "A">3</span>
                            </div>
                            <div class="vsB">
                                <span class="logo"><img src="./img/contestant/16.png" alt=""></span>
                                <span class= "logo-name">EDG</span>
                                <span class = "B">0</span>
                            </div>
                        </div>
                    </div>
                    <i class="link"></i>
                    <div class="list-col1">
                        <p class="list-head">第二轮</p>
                        <div class="vs">
                            <p class="info">
                                <span>已结束</span>
                                <span>4月6日 17:00</span>
                                <a href="">视频</a>
                                <a href="">数据</a>
                            </p>
                            <div class="vsA">
                                <span class="logo"><img src="./img/contestant/11.png" alt=""></span>
                                <span class= "logo-name">RNG</span>
                                <span class = "A">2</span>
                            </div>
                            <div class="vsB">
                                <span class="logo"><img src="./img/contestant/7.png" alt=""></span>
                                <span class= "logo-name">JDG</span>
                                <span class = "B">3</span>
                            </div>
                        </div>
                        <div class="vs">
                            <p class="info">
                                <span>已结束</span>
                                <span>4月7日 17:00</span>
                                <a href="">视频</a>
                                <a href="">数据</a>
                            </p>
                            <div class="vsA">
                                <span class="logo"><img src="./img/contestant/6.png" alt=""></span>
                                <span class= "logo-name">TOP</span>
                                <span class = "A">3</span>
                            </div>
                            <div class="vsB">
                                <span class="logo"><img src="./img/contestant/14.png" alt=""></span>
                                <span class= "logo-name">SDG</span>
                                <span class = "B">0</span>
                            </div>
                        </div>
                    </div>
                    <i class="link"></i>
                    <div class="list-col2">
                        <p class="list-head">第三轮</p>
                        <div class="vs">
                            <p class="info">
                                <span>未开始</span>
                                <span>4月13日 17:00</span>
                                <a href="">敬请期待</a>
                            </p>
                            <div class="vsA">
                                <span class="logo"><img src="./img/contestant/13.png" alt=""></span>
                                <span class= "logo-name">FPX</span>
                                <span class = "A">0</span>
                            </div>
                            <div class="vsA">
                                <span class="logo"><img src="./img/contestant/7.png" alt=""></span>
                                <span class= "logo-name">JDG</span>
                                <span class = "A">0</span>
                            </div>
                        </div>
                        <div class="vs">
                            <p class="info">
                                <span>未开始</span>
                                <span>4月14日 17:00</span>
                                <a href="">敬请期待</a>
                            </p>
                            <div class="vsA">
                                <span class="logo"><img src="./img/contestant/1.png" alt=""></span>
                                <span class= "logo-name">IG</span>
                                <span class = "A">0</span>
                            </div>
                            <div class="vsA">
                                <span class="logo"><img src="./img/contestant/6.png" alt=""></span>
                                <span class= "logo-name">TOP</span>
                                <span class = "A">0</span>
                            </div>
                        </div>
                    </div>
                    <i class="link1"></i>
                    <div class="list-col2 col3">
                        <p class="list-head">总决赛</p>
                        <div class="vs">
                            <p class="info">
                                <span>未开始</span>
                                <span></span>
                                <a href="">敬请期待</a>
                            </p>
                            <div class="vsA">
                                <span class="logo"><img src="./img/contestant/17.png" alt=""></span>
                                <span class= "logo-name">待定</span>
                                <span class = "A">0</span>
                            </div>
                            <div class="vsA">
                                <span class="logo"><img src="./img/contestant/17.png" alt=""></span>
                                <span class= "logo-name">待定</span>
                                <span class = "A">0</span>
                            </div>
                        </div>
                        <p class="list-head">季军赛</p>
                        <div class="vs">
                            <p class="info">
                                <span>未开始</span>
                                <span></span>
                                <a href="">敬请期待</a>
                            </p>
                            <div class="vsA">
                                <span class="logo"><img src="./img/contestant/17.png" alt=""></span>
                                <span class= "logo-name">待定</span>
                                <span class = "A">0</span>
                            </div>
                            <div class="vsA">
                                <span class="logo"><img src="./img/contestant/17.png" alt=""></span>
                                <span class= "logo-name">待定</span>
                                <span class = "A">0</span>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>
    <!-- 英雄资料 -->
    <section class="heros" id = "heros">
        <div class="hero-wrap">
            <div class="hero-head">
                <h4>英雄资料</h4>
                <ul >
                    <li class = "selected"><span></span>所有英雄</li>
                    <li><span></span>战士</li>
                    <li><span></span>法师</li>
                    <li><span></span>刺客</li>
                    <li><span></span>坦克</li>
                    <li><span></span>射手</li>
                    <li><span></span>辅助</li>
                </ul>
                <div>资料库<span class = "arrow"></span></div>
            </div>
            <div class="hero-content">
                <div class="hero-content-wrap">
                    <ul id = "hero-ul">
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- FANART创作馆 -->
    <section class="fanart" id = "fanart">
        <div class="fanart-wrap">
            <div class="fanart-left">
                <div class="fanart-left-top">
                        <h4>FANART创作馆</h4>
                        <div>更多<span class = "arrow"></span></div>
                    </div>                   
                <div class="fanart-left-bottom">
                    <ul>
                        <li>
                            <a href=""><img src="./img/f1.jpg" alt=""></a>
                            <div class="fanart-des">
                                <a href="">[League of Legends:] Blood Moon Zendra</a>
                                <div class="down-des">
                                    <a href="" class="a"><img src="./img/g1.jpg" alt="">美服Fanart精选</a>
                                    <a href="" class="b"><span class="riot"></span> <span>1</span></a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href=""><img src="./img/f2.jpg" alt=""></a>
                            <div class="fanart-des">
                                <a href="">原创IG冠军卡莎皮肤——巅峰之耀</a>
                                <div class="down-des">
                                    <a href="" class="a"><img src="./img/g2.jpg" alt="">L□KING★</a>
                                    <a href="" class="b"><span class="riot"></span> <span>8</span></a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href=""><img src="./img/f3.jpg" alt=""></a>
                            <div class="fanart-des">
                                <a href="">Orianna</a>
                                <div class="down-des">
                                    <a href="" class="a"><img src="./img/g1.jpg" alt="">美服Fanart精选</a>
                                    <a href="" class="b"><span class="riot"></span> <span>1</span></a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href=""><img src="./img/f4.jpg" alt=""></a>
                            <div class="fanart-des">
                                <a href="">玉剑传说 泰隆</a>
                                <div class="down-des">
                                    <a href="" class="a"><img src="./img/g4.jpg" alt="">□</a>
                                    <a href="" class="b"><span class="riot"></span> <span>7</span></a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href=""><img src="./img/f5.jpg" alt=""></a>
                            <div class="fanart-des">
                                <a href="">Nami</a>
                                <div class="down-des">
                                    <a href="" class="a"><img src="./img/g1.jpg" alt="">美服Fanart精选</a>
                                    <a href="" class="b"><span class="riot"></span> <span>2</span></a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href=""><img src="./img/f6.jpg" alt=""></a>
                            <div class="fanart-des">
                                <a href="">【LPL六周年】THE SHY:大灭将至，感受雷霆吧！</a>
                                <div class="down-des">
                                    <a href="" class="a"><img src="./img/g6.jpg" alt="">W.X.Y</a>
                                    <a href="" class="b"><span class="riot"></span> <span>6</span></a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href=""><img src="./img/f7.jpg" alt=""></a>
                            <div class="fanart-des">
                                <a href="">万花通灵-妮蔻同人</a>
                                <div class="down-des">
                                    <a href="" class="a"><img src="./img/g7.jpg" alt="">。</a>
                                    <a href="" class="b"><span class="riot"></span> <span>4</span></a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href=""><img src="./img/f8.jpg" alt=""></a>
                            <div class="fanart-des">
                                <a href="">艾瑞莉娅-刀妹同人</a>
                                <div class="down-des">
                                    <a href="" class="a"><img src="./img/g7.jpg" alt="">。</a>
                                    <a href="" class="b"><span class="riot"></span> <span>11</span></a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                </div>
            <div class="fanart-right">
                <ul>
                    <li class="lp">
                        <img src="./img/lp1.png" alt="">
                    </li>
                    <li class="rp">
                        <img src="./img/rp1.jpg" alt="">
                        <span><i></i> 英雄联盟用户调查</span>
                    </li>
                    <li class="rp">
                        <img src="./img/rp2.jpg" alt="">
                        <span><i></i> 见证版本历史</span>
                    </li>
                    <li class="rp">
                        <img src="./img/rp3.jpg" alt="">
                        <span><i></i> 年度品牌展示</span>
                    </li>
                    <li class="rb">
                        <div class="media">
                            <i class="icon-left"></i>
                            合作媒体
                            <span class="arrow-media"></span>
                            <i class="icon-right"></i>
                        </div>
                        <div class="rb-ul-wraper">
                            <ul>
                                <li><a href="">兔玩</a></li>
                                <li><a href="">特玩</a></li>
                                <li><a href="">T-rex</a></li>
                                <li><a href="">大电竞</a></li>
                                <li><a href="">虎扑电竞</a></li>
                                <li><a href="">大咖</a></li>
                                <li><a href="">多玩</a></li>
                                <li><a href="">玩加电竞</a></li>
                                <li><a href="">伐木累</a></li>
                                <li><a href="">捞月狗</a></li>
                                <li><a href="">飞熊TV</a></li>
                                <li><a href="">游戏魅</a></li>
                                <li><a href="">电竞虎</a></li>
                                <li><a href="">掌游宝</a></li>
                                <li><a href="">u9</a></li>
                                <li><a href="">爱拍</a></li>
                                <li><a href="">木木不哭</a></li>
                                <li><a href="">BGA</a></li>
                                <li><a href="">178</a></li>  
                                <li><a href="">锐派</a></li>
                                <li><a href="">17173</a></li>
                                <li><a href="">15W</a></li>
                                <li><a href="">PentaQ</a></li>
                                <li><a href="">斗鱼</a></li>
                                <li><a href="">虎牙</a></li>
                                <li><a href="">神之梯</a></li>                                                  
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            </div>
        </div>
    </section>
    <!-- 结尾 -->   
    <footer class="tenc">
        <div class="tenc-wrap">
            <div class="tenc-left">
                <span class="footlogo"></span>
                <span class="riotlogo"></span>
            </div>
            <div class="tenc-right">
                <ul>
                    <li>
                        <a href="">腾讯互动娱乐</a>
                        <i>|</i>
                        <a href="">服务条款</a>
                        <i>|</i>
                        <a href="">腾讯游戏隐私保护指引</a>
                        <i>|</i>
                        <a href="">腾讯游戏招聘</a>
                        <i>|</i>
                        <a href="">腾讯游戏客服</a>
                        <i>|</i>
                        <a href="">游戏地图</a>
                        <i>|</i>
                        <a href="">商务合作</a>
                        <i>|</i>
                        <a href="">腾讯网</a>
                        <i>|</i>
                        <a href="">网站导航</a>
                    </li>
                    <li><a href="">腾讯公司版权所有</a></li>
                    <li>COPYRIGHT © 1998 - 2019 TENCENT. ALL RIGHTS RESERVED.</li>
                    <li>COPYRIGHT © 2012 Riot Games,Inc. ALL RIGHTS RESERVED.</li>
                    <li>本网络游戏适合18+岁的用户使用；为了您的健康，请合理控制游戏时间。</li>
                    <li>
                        <a href="">粤网文[2017]6138-1456号</a>
                        <i>|</i>
                        <a href="">（总）网出证（粤）字第057号</a>
                    </li>
                    <li>批准文号：新出审字[2011]310号 |文网进字[2011] 004号 | 出版物号：ISBN 978-7-89989-145-2|全国文化市场统一举报电话：12318</li>
                </ul>
            </div>
        </div>
    </footer>
    <!-- 侧边栏 -->  
    <div class="nav-bar">
        <ul>
            <li>
                <a href="#activity">
                    <span><i></i></span>
                    热门活动
                </a>
            </li>
            <li>
                <a href="#video">
                    <span><i></i></span>
                    视频中心
                </a>
            </li>
            <li>
                <a href="#champion">
                    <span><i></i></span>
                    赛事中心
                </a>
            </li>
            <li>
                <a href="#heros">
                    <span><i></i></span>
                    英雄资料
                </a>
            </li>
            <li>
                <a href="#fanart">
                    <span><i></i></span>
                    FANART
                </a>
            </li>
            <li>
                <a href="#">
                    <span><i></i></span>
                    顶部
                </a>
            </li>
        </ul>
    </div> 
</body>
</html>